<div ct-data-role="page" id="transition_mode">
  <header>
    <a class="ct-back-icon" ct-data-rel="back"></a>
    <p class="ct-header-title">transition_mode</p>
  </header>
  <div class="ct-content" style="top:3rem;bottom:0;">
    <ul>
      <li><a class="link" ct-pageId="transition_mode_slideleft">slideleft从右到左(overlay)</a></li>
      <li><a class="link" ct-pageId="transition_mode_slideright">slideright从左到右(overlay)</a></li>
      <li><a class="link" ct-pageId="transition_mode_slideup">slideup从下到上(overlay)</a></li>
      <li><a class="link" ct-pageId="transition_mode_slidedown">slidedown从上到下(overlay)</a></li>
      <li><a class="link" ct-pageId="transition_mode_wxslideleft">wxslideleft类似于微信的从右到左</a></li>
      <li><a class="link" ct-pageId="transition_mode_wxslideright">wxslideright类似于微信的从左到右</a></li>
      <li><a class="link" ct-pageId="transition_mode_wxslideup">wxslideup类似于微信的从下到上</a></li>
      <li><a class="link" ct-pageId="transition_mode_wxslidedown">wxslidedown类似于微信的从上到下</a></li>
      <li><a class="link" ct-pageId="transition_mode_pushslideleft">pushslideleft从右到左(push)</a></li>
      <li><a class="link" ct-pageId="transition_mode_pushslideright">pushslideright从左到右(push)</a></li>
      <li><a class="link" ct-pageId="transition_mode_pushslideup">pushslideup从下到上(push)</a></li>
      <li><a class="link" ct-pageId="transition_mode_pushslidedow">pushslidedown从上到下(push)</a></li>
      <li><a class="link" ct-pageId="transition_mode_material">material(缺省)AndroidMaterial的风格</a></li>
    </ul>
  </div>
</div>